<div class="container-fluid">
  <%= image_tag 'home_show_banner', width: "100%" %>
</div>

<div class="container" id="brand-define">
  <div class="col-xs-12 col-md-12 text-center">
    FABULISHER=FASHION PUBULISHER
  </div>
</div>

<div class="container" id="theme-sel">
  <% theme_taxons = theme_root_taxon %>
  <ul class="list-inline">
    <li><%= image_tag 'home_theme_line', width: '80%' %></li>
    <li><h2>场景搭配</h2></li>
    <li><%= image_tag 'home_theme_line', width: '80%' %></li>
  </ul>

  <div class="row text-center" id="theme-subject">
    <% theme_taxons.children.each_with_index do |taxon, index| %>
        <% if index == 0 %>
            <%= link_to taxon.name, seo_url(taxon), class: 'col-xs-6 col-md-3 btn-lg active' %>
        <% else %>
            <%= link_to taxon.name, seo_url(taxon), class: 'col-xs-6 col-md-3 btn-lg' %>
        <% end %>
    <% end %>
  </div>

  <div id="theme-carousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      <% theme_taxons.children.each_with_index  do |taxon, index| %>
          <div class="<%= (index == 0 ? "item active": "item") %>">
            <%= image_tag(taxon.icon.url(:large), class: "img-responsive") %>
          </div>
      <% end %>
    </div>
    <a class="left carousel-control" href="#theme-carousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#theme-carousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>